<html>

<head>
    <meta charset="UTF-8">
    <title>群发</title>
    <link rel="stylesheet" type="text/css" href="http://www.bootcss.com/p/buttons/css/buttons.css" />
    <link rel="stylesheet" type="text/css" href="../css/community.css">
    <style>
        .bg {
            background-image: url("{{community_bg_url}}");
            background-size:700px;
            background-repeat:no-repeat;
        }
    </style>
    <script>
        var community_id = {{community_id}};
    </script>

</head>

<body>
    <div class="m-pg" id="app">
        <header>
            <div class="head-left bg">
                <div class="mask bg">
                    <div class="bg blur"></div>
                </div>
                <div class="info">
                    <div class="info_text">
                        <a style="font-size: 30px; font-weight: bold; color: white">{{community_name}}</a><br />
                        <pre style="color: white">{{community_desc}}</pre>
                    </div>
                </div>
            </div>
        </header>
        <transition name="begin" mode="out-in">
            <div class="loading" v-if="isLoadingShow" >
                <div id="loading-center">
                    <div id="loading-center-absolute">
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                        <div class="object"></div>
                    </div>
                </div>
            </div>
            <section v-else>
                <div class="settings">
                    <div class="status">
                        <a style="font-size: 30px; font-weight:bold">今日新增: {{newmember_count}} 人 | 等待发送:<span v-text="wait_to_send"></span> 人<br />上次发送时间: {{lastsend}}</a>
                    </div>
                    <hr />
                    <div class="editor">
                        <textarea class="msg" placeholder="群发消息"></textarea>
                    </div><br />
                    <input disabled="disabled" type="button" id="send" class="button button-pill button-primary" value="发送" /><br /><br />
                </div>
                <div class="memberlist" >
                    <ul class="users">
                        <!--{{user_vue}}-->
                        <li v-for="item in userlist">
                            <span v-text="item.username"></span>|
                            <span>加入时间</span>
                            <span v-text="item.join_time"></span>
                        </li>
                    </ul>
                    <a class="button button-block button-rounded button-large">加载</a>
                </div> 
            </section>
        </transition>
    </div>
    <script src="//cdn.bootcss.com/vue/2.0.0/vue.min.js"></script>
    <script src="http://cdn.bootcss.com/vue-resource/1.0.3/vue-resource.min.js"></script>
    <script src="../js/community.js"></script>
</body>

</html>